@import url('~@/styles/mixin.less');

.courseList {
    .courseItem {
        display: grid;
        grid-column-gap: 16px;
        grid-template-columns: 40px 1fr auto;
        align-items: center;
        padding: 32px 0;
        border-bottom: 1px solid #e5e5e5;

        &_icon {
            margin-right: 16px;
            &_start {
                min-width: 40px;
                min-height: 40px;
                background-image: url('~@/static/onlineClass/icon_video_start.png');
                background-size: contain;
            }
            &_pause {
                min-width: 40px;
                min-height: 40px;
                background-image: url('~@/static/onlineClass/icon_video_pause.png');
                background-size: contain;
            }
        }

        &_title {
            .line(1);

            color: #333;
            font-size: 30px;
            &_selected {
                color: #1ebead;
                font-weight: bold;
            }
        }

        &_time {
            color: #666;
        }
    }
}
